<template>
    <div @click="href('tencent://message/?uin=641531008&Site=&Menu=ye')" class="main">
    <div class="avatar" >
      <el-avatar :size="60" src="https://img.tianzhongli.shop/i/2023/02/25/8A61AA472CEF6B59C11053C06F7DD0E6.webp" @error="errorHandler">
        <img
          src="https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png"
        />
      </el-avatar>
      
    </div>
    <div class="qq">
        <el-avatar :size="20" src="https://img.tianzhongli.shop/i/2023/02/25/QQ.webp" @error="errorHandler">
        <img
          src="https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png"
        />
      </el-avatar>
      </div>
    </div>
  </template>
  
  <script lang="ts" setup>
  const errorHandler = () => true
  const href = (url) => {
    window.open(url,'scrollbars=yes,status=yes')
  }
  </script>

  <style lang="scss">
.main{
    position: absolute; 
    right: 10%;
    top:5%;
    .avatar{
    position: absolute;
    &:hover{
        cursor: pointer;
    }
  }
  .qq{
    position: absolute;
    z-index: 3;
    top:43px;
    left:40px;
    &:hover{
        cursor: pointer;
    }
  }
}
    
  </style>